<template>
 <div class="forget">
   <ReturnBack></ReturnBack>
   <van-form @submit="onSubmit">
      <van-field
        v-model="phone"
        left-icon="phone-o"
        placeholder="请输入手机号"
        :rules="[
        { pattern: /^1[3456789]\d{9}$/, message: '请输入正确手机号'}]"
      />
      <VerificationCode></VerificationCode>
  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit"
     style="background-color:red;border:none; border-radius: 0" @click="runReset">下一步</van-button>
  </div>
</van-form>
  </div>
</template>

<script>
import VerificationCode from '@/components/verification.vue'
import ReturnBack from '@/components/return.vue'
export default {
  name: 'forgetVue',
  data () {
    return {
      phone: null
    }
  },
  mounted () {
  },
  components: {
    ReturnBack,
    VerificationCode
  },
  methods: {
    runReset () {
      this.$router.push('/login/forget/reset')
    },
    onSubmit () {}
  }
}
</script>

<style lang="scss" scoped>

</style>
